<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作用域链</title>
</head>
<body>
    <script>
        // let a = 1;
        // function f1(){
        //     console.log("f1:"+a);
        // }
        // function f2(){
        //     let a = 2;
        //     f1();
        // }
        // f2();
        //1.
		// var a = 200;
		// function testResult(){
		// 	var b = 2 * a;
		// 	var a = 200;
		// 	var c = a / 2;
		// 	console.log(b);
		// 	console.log(c);
		// }
		// testResult();

        //2.
		// let foo = 1;
		// function bar() {
		// 	console.log(foo);
		// 	if (!foo) {
		// 		let foo = 10;
		// 	}
		// 	alert(foo);
		// }
		// bar();

        //3.
		// var a = 1;
		// function b() {
		// 	a = 10;
		// 	return;
		// 	function a() {}
		// }
		// b();
		// alert(a);

        //4.
		var f = true;
		if(f === true){
			var a = 10;
		}
		function fn(){
			var b = 20;
			c = 30;
		}
		fn();
		console.log(a);
		// console.log(b);
		console.log(c);
    </script>
</body>
</html>